<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文章</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<link rel="stylesheet" type="text/css" href="css/web_login_not.css"/>
		<link rel="stylesheet" type="text/css" href="css/login_yet.css"/>
		<link rel="stylesheet" type="text/css" href="css/search_menu.css"/>
		<link rel="stylesheet" type="text/css" href="css/article.css"/>
		<link rel="stylesheet" type="text/css" href="css/article_content.css"/>
		<link rel="shortcut icon" type="text/css" href="images/favicon.png"/>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--文章页开始-->
		<div class="web">
			<!--头部-->
			<header>
				<!--导航栏-->
				<div class="nav">
					<i class="fl iconfont icon-liebiao1" id="open"></i>
					<div class="log_wrap">
						<img class="logo" src="images/logo.png"/>
					</div>
					<i class="fr iconfont icon-sousuo"></i>
				</div>
			</header>
			<!--内容-->
			<div class="content">
				<!--轮播图开始-->
				<div class="carousel_wrap">
					<div class="lunbo_wrap">
						<!--轮播图容器-->
						<ul class="pic_box">
							<li>
								<img src="images/05.jpg"/>
								<div class="text_wrap">
									<p><span class="active">[专业IMC平台]</span> 太子金涂鸦大赛网络整合营销传播</p>
								</div>
							</li>
							<li>
								<img src="images/06.jpg"/>
								<div class="text_wrap">
									<p><span class="">[专业IMC平台]</span> 太子金涂鸦大赛网络整合营销传播</p>
								</div>
							</li>
							<li>
								<img src="images/04.jpg"/>
								<div class="text_wrap">
									<p><span class="">[专业IMC平台]</span> 太子金涂鸦大赛网络整合营销传播</p>
								</div>
							</li>
 						</ul>
						<!--底部控制点-->
						<ul class="pannel"></ul>
					</div>
				</div>
				<!--轮播图结束-->
				<div class="menu_wrap">
					<div class="menu_1">
						<div class="img_wrap">
							<img src="images/article_01.jpg"/>
						</div>
						<p class="content_title">海天“晒“宴，和汪涵一起， 参观海天酱油....</p>
						<div class="center_content">
							<input type="button" id="marketing" value="营销" />
							<span class="browse iconfont">560</span>
							<span class="collect iconfont">120</span>
						</div>
						<div class="down_content">
							<div class="head_portrait_wrap">
								<img src="images/head_portrait.png"/>
							</div>
							<span>叶惠美</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<div class="menu_1">
						<div class="img_wrap">
							<img src="images/article_01.jpg"/>
						</div>
						<p class="content_title">海天“晒“宴，和汪涵一起， 参观海天酱油....</p>
						<div class="center_content">
							<input type="button" id="marketing" value="营销" />
							<span class="browse iconfont">560</span>
							<span class="collect iconfont">120</span>
						</div>
						<div class="down_content">
							<div class="head_portrait_wrap">
								<img src="images/head_portrait.png"/>
							</div>
							<span>叶惠美</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<div class="menu_1">
						<div class="img_wrap">
							<img src="images/article_01.jpg"/>
						</div>
						<p class="content_title">海天“晒“宴，和汪涵一起， 参观海天酱油....</p>
						<div class="center_content">
							<input type="button" id="marketing" value="营销" />
							<span class="browse iconfont">560</span>
							<span class="collect iconfont">120</span>
						</div>
						<div class="down_content">
							<div class="head_portrait_wrap">
								<img src="images/head_portrait.png"/>
							</div>
							<span>叶惠美</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<div class="menu_1">
						<div class="img_wrap">
							<img src="images/article_01.jpg"/>
						</div>
						<p class="content_title">海天“晒“宴，和汪涵一起， 参观海天酱油....</p>
						<div class="center_content">
							<input type="button" id="marketing" value="营销" />
							<span class="browse iconfont">560</span>
							<span class="collect iconfont">120</span>
						</div>
						<div class="down_content">
							<div class="head_portrait_wrap">
								<img src="images/head_portrait.png"/>
							</div>
							<span>叶惠美</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<div class="menu_1">
						<div class="img_wrap">
							<img src="images/article_01.jpg"/>
						</div>
						<p class="content_title">海天“晒“宴，和汪涵一起， 参观海天酱油....</p>
						<div class="center_content">
							<input type="button" id="marketing" value="营销" />
							<span class="browse iconfont">560</span>
							<span class="collect iconfont">120</span>
						</div>
						<div class="down_content">
							<div class="head_portrait_wrap">
								<img src="images/head_portrait.png"/>
							</div>
							<span>叶惠美</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<div class="menu_1">
						<div class="img_wrap">
							<img src="images/article_01.jpg"/>
						</div>
						<p class="content_title">海天“晒“宴，和汪涵一起， 参观海天酱油....</p>
						<div class="center_content">
							<input type="button" id="marketing" value="营销" />
							<span class="browse iconfont">560</span>
							<span class="collect iconfont">120</span>
						</div>
						<div class="down_content">
							<div class="head_portrait_wrap">
								<img src="images/head_portrait.png"/>
							</div>
							<span>叶惠美</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<!--加载框-->
					<div class="load_wrap">
						<h4>加载更多</h4>
					</div>
				</div>
			</div>
			<!--尾部-->
			<footer>
				<a href="index.html">
					<div class="img_wrap_f">
						<img src="images/01home_g.png"/>
					</div>
					<p>
						首页
					</p>
				</a>
				<a href="gimc.html">
					<div class="img_wrap_f">
						<img src="images/03GIMC_g.png"/>
					</div>
					<p>
						GIMC
					</p>
				</a>
				<a href="article.html">
					<div class="img_wrap_f">
						<img src="images/06article_r.png"/>
					</div>
					<p>
						文章
					</p>
				</a>
				<a href="capital.html">
					<div class="img_wrap_f">
						<img src="images/07resou_g.png"/>
					</div>
					<p>
						资源
					</p>
				</a>
				<a href="school.html">
					<div class="img_wrap_f">
						<img src="images/09college_g.png"/>
					</div>
					<p>
						学院
					</p>
				</a>
			</footer>
		</div>
		<!--文章页结束-->
		<!--文章内容-->
		<div class="article_content">
			<div class="content">
				<div class="top_menu_con">
					<h5>海天“晒“宴，和汪涵一起，参观海天酱油 阳光工厂</h5>
					<div class="collect_browse">
						<p class="iconfont">20</p>
						<p class="iconfont">560</p>
					</div>
					<div class="time_way">
						<span>2015-1-20</span> 
						<p>[数字营销]</p>
					</div>
					<div class="text_menu">
						<p>摘要：“海天阳光之旅”，携手汪涵启程啦！ 幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>
						<h6>互联网呈现移动化、社交化、视频化等形式，未来互联网营销是新趋向。</h6>
						<p>与此同时，随着互联网的移动化快速发展与社会化趋势，网民需求正在逐渐多样化。在这一前提下，无论是互联网巨头还是各种创新型互联网企业，单凭自身的资源与创新能力已经无法满足依赖移动互联网平台，表达形式日渐多样化的网民日益多元化的需求。有鉴于此，海天在2014年开始大力发展互联网营销事业，试图在互联网抢夺更多的用户。</p>
						<h6>剑指对手，紧追猛打—海天酱油抢回“晒”语权</h6>
						<p>直接剑指对手，打出新口号，紧追猛打。针对对手的产品口号，2014年海天酱油新定位—晒出来的好酱油，不仅晒足180天哦！在对手已经教育消费者，好酱油是晒出来的层面上，继续强势教育消费者，其实好酱油不止晒足180天，进一步加深消费者的印象，强势植入品牌概念。希望在新的领域抢夺更多的用户，挖掘更多的潜在受众。</p>
						<div class="img_wrap_menu">
							<img src="images/article_14.jpg"/>
						</div>
						<h6>全网覆盖，最大声量--海天在新阵地上刷新年轻新形象</h6>
						<p class="none_sty">互联网一直是年轻人的聚集地，想要扩大活动声量结合人群属性和触媒习惯，选择在互联网作为主阵地，最大力度地扩散活动的影响力，聚焦主流平台及优势资源，引爆海天在互 联网上的传播力，为品牌活动引流。</p>
						<p class="none_sty">四大门户媒体：品牌及活动主力支撑平台，为品牌做公关护航</p>
						<p>四大视频媒体：品牌TVC补充曝光，为活动引流助力社会化媒体自发扩散，通过大量转发，促进二次传播。</p>
						<div class="img_wrap_menu">
							<img src="images/article_15.jpg"/>
						</div>
							<h6 class="none_sty">策略方向</h6>
							<p class="none_sty">点面结合，互动为王</p>
							<h6 class="none_sty">点</h6>
							<p class="none_sty">紧贴明星汪涵话题点，借助汪涵的明星效应，紧跟工厂游社会热点，通过参观工厂，探秘工厂内部制作酱油的全过程紧抓网友利益点：设置互动活动奖励机制，刺激网友参加</p>
							<h6 class="none_sty">面</h6>
							<p>媒介公关全面造势：全方位扩散“海天阳光之旅”的活动精准视频渗透：重点推广品牌TVC，继续借助明星效应社会化口碑广泛积累：通过口口相传的口碑营销，为活动积累人气</p>
							<div class="img_wrap_menu">
								<img src="images/article_16.jpg"/>
							</div>
							<h6 class="dingge">活动简介：</h6>
							<p class="dingge">“海天阳光之旅”，携手汪涵启程啦！</p>
							<p class="dingge">幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>
							<h6 class="dingge">活动时间：</h6>
							<p class="dingge">2014年9月15日—2014年10月30日</p>
							<p class="dingge">多版活动素材，增强活动新鲜感，提升网民参与热度！
分为不同的时期，分别推出不同的网站页面，通过分阶段的视觉冲击，增加活动的趣味性，吸引更多的网友持续关注活动，为活动打造更强的互动体验。</p>
							<div class="img_wrap_menu">
								<img src="images/article_17.jpg"/>
							</div>
							<p class="none_sty dingge">趣味化广告 + 晒酱油视频 + 利益性抽奖,引爆全网最大化传播！
</p>
							<p class="none_sty dingge">借助汪涵的名人效应，不断地播放品牌TVC，强势教育消费者</p>
							<p class="dingge">设置不同的奖项，刺激消费者带动更多的人参与活动，引发全网最大化传播</p>
							<div class="img_wrap_menu">
								<img src="images/article_18.jpg"/>
							</div>
							<p class="dingge">截止10月13日，参与活动人数已达157万，海天引发全网互动狂潮！撬动网民内心支点奖品派不停！参与人数持续升高！</p>
							<p class="dingge">20元红包1000份，共计2万元</p>
							<p class="dingge">50元红包500份，共计2万5千元</p>
							<p class="dingge">合计已派发红包1500份！</p>
							<div class="img_wrap_menu">
								<img src="images/article_19.jpg"/>
							</div>
							<p class="dingge">总的来说，“阳光海天之旅”，集中资源，全网传播，互动效果明显，社会化传播上好评如潮对比厨邦酱油、李锦记，海天酱油在百度指数上遥遥领先，成功建立竞争壁垒！</p>
							<div class="img_wrap_menu">
								<img src="images/article_20.jpg"/>
							</div>
						</div>
					</div>
					<div class="segment_line"></div>
					<div class="previous_page">
						<p>上一篇：<span>Flyme的新logo也一同亮相</span></p>
					</div>
					<div class="segment_line"></div>
					<div class="down_menu">
						<div class="interaction">
							<div class="tags">
								<div class="tags_w">
									<i class="iconfont icon-xin"></i>
								</div>
								<p>点赞</p>
							</div>
							<div class="tags">
								<div class="tags_w">
									<i class="iconfont icon-icon"></i>
								</div>
								<p>收藏</p>
							</div>
							<div class="tags">
								<div class="tags_w">
									<i class="iconfont icon-msnui-sns"></i>
								</div>
								<p>分享</p>
							</div>
						</div>
						<div class="interaction_2">
							<p>登录 </p><span>后参与评论</span>
							<textarea name="" rows="" cols="" class="text_menu_area" ></textarea>
							<div class="btn">
								发表评论
							</div>
						</div>
						<div class="interaction_3">
							<p>已有 <span>3</span> 条评论</p>
							<div class="fir_cont">
								<div class="head_portrait">
									<img src="images/baga1.png"/>
								</div>
								<p>YanXinHeng</p>
								<span>1天前</span>
							</div>
							<div class="sec_cont">
								<p>在这个互相仇恨的年代，抓的点不错</p>
								<p>2015-11-8 11:04</p>
							</div>
							<div class="thr_cont">
								<p><span>(2)</span> 回复 <span>></span></p>
							</div>
							<div class="unfold_box">
								<ul>
									<li>
										<div class="message">
											<div class="head_portrait_un">
												<img src="images/baga1.png"/>
											</div>
											<p>Mimo:</p><span>在这个互相仇恨的年代，抓的点不错</span>
										</div>
										<div class="time">
											<p>2015-11-9 10:02</p>
										</div>
									</li>
									<li>
										<div class="message">
											<div class="head_portrait_un">
												<img src="images/baga1.png"/>
											</div>
											<p>Mimo:</p><span>越来越多的快餐品牌更注重人们吃东西时候 玩手机的行为洞察</span>
										</div>
										<div class="time">
											<p>2015-11-9 10:02</p>
										</div>
									</li>
									<li>
										<textarea name="" rows="" cols="" class="text_menu_a" placeholder="请输入50字以内的内容"></textarea>
										<div class="btn_m">
											<div class="btn_btn">
												发 表
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="fir_cont">
								<div class="head_portrait">
									<img src="images/baga1.png"/>
								</div>
								<p>YanXinHeng</p>
								<span>1天前</span>
							</div>
							<div class="sec_cont">
								<p>在这个互相仇恨的年代，抓的点不错</p>
								<p>2015-11-8 11:04</p>
							</div>
							<div class="thr_cont">
								<p><span>(2)</span> 回复 <span>></span></p>
							</div>
							<div class="unfold_box">
								<ul>
									<li>
										<div class="message">
											<div class="head_portrait_un">
												<img src="images/baga1.png"/>
											</div>
											<p>Mimo:</p><span>在这个互相仇恨的年代，抓的点不错</span>
										</div>
										<div class="time">
											<p>2015-11-9 10:02</p>
										</div>
									</li>
									<li>
										<div class="message">
											<div class="head_portrait_un">
												<img src="images/baga1.png"/>
											</div>
											<p>Mimo:</p><span>越来越多的快餐品牌更注重人们吃东西时候 玩手机的行为洞察</span>
										</div>
										<div class="time">
											<p>2015-11-9 10:02</p>
										</div>
									</li>
									<li>
										<textarea name="" rows="" cols="" class="text_menu_a" placeholder="请输入50字以内的内容"></textarea>
										<div class="btn_m">
											<div class="btn_btn">
												发 表
											</div>
										</div>
									</li>
								</ul>
							</div>
							
						</div>
					</div>
					<!--加载框-->
					<div class="load_wrap">
						<h4>加载更多</h4>
					</div>
				</div>
			</div>
		<!--登录页1-->
		<div class="web_login_not">
			<div class="nav">
				<div class="close_wrap" id="off_1">
					<img src="images/login_close.png"/>
				</div>
			</div>
			<div class="login_content">
				<div class="head_portrait_wrap">
					<img src="images/mx-nologin.png"/>
				</div>
				<p class="login_now">立即登录</p>
				<p class="forget_pwd">忘记密码</p>
			</div>
			<div class="segment_line_t"></div>
			<div class="list_wrap">
				<ul class="list_content">
					<li>
						<p>GIMC<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
					<li>
						<p>文章<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
					<li>
						<p>资源<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
					<li>
						<p>课程<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!--登录页2-->
		<div class="web_login">
			<div class="nav">
				<div class="close_wrap" id="off_2">
					<img src="images/login_close.png"/>
				</div>
			</div>
			<div class="logo_wrap">
				<img src="images/common_logo.png"/>
			</div>
			<form>
				<div class="username_wrap">
					<div class="iconfont icon_wrap"></div>
					<div class="wrap_of_user">
						<input type="text" name="username" id="username" value="" placeholder="请输入已验证的手机号或邮箱" />
					</div>
				</div>
				<div class="pwd_wrap">
					<div class="iconfont icon_wrap"></div>
					<div class="wrap_of_pwd">
						<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码" />
					</div>
				</div>
				<p class="iconfont fr">忘记密码</p>
				<div class="btn_login">
					登陆
				</div>
				<input type="button" name="" id="" value="注册" class="bg" />
			</form>
		</div>
		<!--已经登录页-->
		<div class="web_login_yet">
			<div class="nav">
				<div class="close_wrap" id="off">
					<img src="images/login_close.png"/>
				</div>
				<!--<form action="" class="search_wrap">
					<div class="search">
						<i class="iconfont icon-sousuo"></i>
						<input type="text" name="searchname" id="searchname" value="" placeholder="Search" />
					</div>
				</form>-->
			</div>
			<div class="login_content">
				<div class="head_portrait_wrap">
					<img src="images/head_portrait.png"/>
				</div>
				<div class="personal_details">
					<div class="name_wrap">
						<p class="name">成关彪</p>
						<span>个人中心></span>
					</div>
					<div class="classification">
						<div class="star_wrap">
							<img src="images/star.png"/>
						</div>
						<div class="star_wrap">
							<img src="images/star.png"/>
						</div>
						<div class="star_wrap">
							<img src="images/star.png"/>
						</div>
						<div class="star_wrap">
							<img src="images/star.png"/>
						</div>
					</div>
					<div class="concern">
						<p>关注 <span>36</span></p>
						<p>|</p>
						<p>粉丝 <span>290</span></p>
					</div>
					<div class="btn_wrap">
						<input type="button" name="collect" id="collect" value="我的收藏" />
						<input type="button" name="collect" id="collect" value="我的发布" />
					</div>
				</div>
			</div>
			<div class="segment_line_t"></div>
			<div class="list_wrap">
				<ul class="list_content">
					<li>
						<p>GIMC<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
					<li>
						<p>文章<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
					<li>
						<p>资源<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
					<li>
						<p>课程<span>></span></p>
						<ul class="sec_menu_details" id="5">
							<li>省广介绍</li>
							<li>新闻资讯</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="excit">
				退出
			</div>
		</div>
		<!--搜索页-->
		<div class="search_wrap_big">
			<div class="search_menu">
				<div class="close_wrap" id="off_sw">
					<img src="images/login_close.png"/>
				</div>
				<form action="" class="search_wrap">
						<div class="search">
							<i class="iconfont icon-sousuo"></i>
							<input type="text" name="searchname" id="searchname" value="" placeholder="Search" />
						</div>
					</form>
			</div>
			<div class="content">
				<p class="top_search">热搜</p>
				<div class="keyword_wrap">
					<span>省广股份</span>
					<span>移动互联网</span>
					<span>细分平台业务</span>
					<span>O2O</span>
					<span>媒介平台</span>
					<span>拥抱变革,创造未来</span>
					<span>平台</span>
					<span>上海金投赏创意节</span>
				</div>
			</div>
		</div>
	
	</body>
</html>
<script src="js/carousel.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-2.1.0.js"></script>
<script>
	new lunbo(".carousel_wrap",358/640);
</script>
<script type="text/javascript" src="js/article.js"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var link_article_content_down = document.querySelector(".thr_cont");
	var disclaimer_article_content_down = document.querySelector(".unfold_box");
	var isBlock = false;
	link_article_content_down.addEventListener("touchend",function(){
		if(!isBlock){
			 disclaimer_article_content_down.style.display = "block";
			isBlock = true;
		}else{
			 disclaimer_article_content_down.style.display = "none";
			isBlock=false;
		}
	});
</script>
